@font-face {
  font-family: 'Robot';
  src: url('fonts/Roboto-Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: 'Robot';
  src: url('fonts/Roboto-Regular.ttf');
  font-weight: 400;
}
body,html{
  width: 100%;
  height: 100%;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
body,
html {
  padding: 0;
  margin: 0;
  font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei",
  SimSun, sans-serif;;

}
body {
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  position: relative;

}

/*a,*/
/*p,*/
/*div,*/
/*section,*/
/*input,*/
/*select {*/
  /*color: #010101;*/
/*}*/
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: none;
  outline: none;
}

a {
  text-decoration: none;
  cursor: pointer;
}

#app,
#welcome {
  color: rgba(0, 0, 0, 0.36);
  font-size: 18px;
  line-height: 25px;
  height: 100%;
  min-width:420px;
  min-height:600px;
}

.inside-warp{
  min-width: 320px;
  max-width: 600px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.warp {
  position: absolute;
  min-width: 320px;
  max-width: 600px;
  width: 60%;
  height: 600px;
  margin-left: auto;
  margin-right: auto;
}

.warp-menu {
  position: absolute;
  width: calc( 100% - 120px);
  min-height: 580px;
  height: calc( 100% - 20px);
  left: 80px;
  top: 0;
  bottom: 0;
  background: #FAFAFA;
  padding: 20px 20px 0;
}
.warp-child {
  position: absolute;
  top: 0;
  left: 0;
  width: calc( 100% - 40px );
  height:  calc( 100% - 20px );
  z-index: 995;
  padding: 20px 20px 0;
}

.panel{
  font-size: 14px;
  padding: 20px;
  word-wrap: break-word;
  margin: 20px;
  color: #7B7B7B;
  background: white;
  border-radius:4px;
}

.float-right {
  float: right;
}

.text-align-right {
  text-align: right;
}

h1,
h2 {
  font-weight: 500;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li:active,
li:hover,
li.active {
  cursor: pointer;
}

hr {
  border-top: 1px solid #000000;
  margin: 10px 0;
}

@font-face {font-family: "iconfont";
  src: url('./fonts/iconfont.eot?t=1603866739616'); /* IE9 */
  src: url('./fonts/iconfont.eot?t=1603866739616#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('./fonts/iconfont.woff?t=1603866739616') format('woff'),
  url('./fonts/iconfont.ttf?t=1603866739616') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('./fonts/iconfont.svg?t=1603866739616#iconfont') format('svg'); /* iOS 4.1- */
}


.iconfont {
  font-family: 'iconfont' !important;
  font-size: 25px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon_circle_selected:before {
  content: "\e62b";
}

.icon_SBell:before {
  content: "\e628";
}

.icon_Small_Fullscreen:before {
  content: "\e627";
}

.icon_wallet_add:before {
  content: "\e626";
}

.icon_setting_fiiled:before {
  content: "\e625";
}

.icon_wallet_line:before {
  content: "\e621";
}

.icon_home_line:before {
  content: "\e622";
}

.icon_bapp_line:before {
  content: "\e623";
}

.icon_setting_line:before {
  content: "\e624";
}

.icon_home_filled:before {
  content: "\e61e";
}

.icon-right-arrow:before {
  content: "\e61c";
  font-size: 50px;
}

.icon_error:before {
  content: "\e616";
}

.icon_success:before {
  content: "\e61a";
}

.icon_arrow_2:before {
  content: "\e614";
}

.icon_arrow_1:before {
  content: "\e613";
}

.icon_cross:before {
  content: "\e607";
}

.icon_backup_filled:before {
  content: "\e608";
}

.icon_recvice:before {
  content: "\e60b";
}

.icon_wallet_filled:before {
  content: "\e60c";
}

.icon_bapp_filled:before {
  content: "\e60d";
}

.icon_send:before {
  content: "\e60e";
}

.icon_connect:before {
  content: "\e610";
}

.icon_arrow_left:before {
  content: "\e615";
}

.icon_backup_line:before {
  content: "\e617";
}

.icon_copy:before {
  content: "\e618";
}

.icon_upload:before {
  content: "\e619";
}

.icon_wallet_menu:before {
  content: "\e61b";
}

.icon_scan:before {
  content: "\e61d";
}

.icon_closecircle:before {
  content: "\e61f";
}

.icon_question:before {
  content: "\e620";
}


.color-black {
  color: rgba(0, 0, 0, 0.88) !important;
}
.color-green {
  color: #035BD4;
}
.color-white {
  color: #ffffff;
}
.color-grey {
  color: #7B7B7B;
}
.color-grey-36 {
  color: rgba(0, 0, 0, 0.36);
}
.color-lightgrey {
  color: #e0e0e0;
}
.color-red {
  color:#FE1919;
}

.bg-red {
  background-color: #d84c4c !important;
}
.bg-gray {
  background-color: #F0F0F0 !important;
}
.bg-grey {
  background-color:  #FAFAFA !important;
}
.bg-white {
  background-color: #FFFFFF !important;
}
.bg-sideBar,
.bg-header
{
  background-color: #202020 !important;
}

.bg-black {
  background-color: #282f38 !important;
}
.bg-green {
  background-color: #035BD4 !important;
}
.bg-vapor{
  background: #004EE4 !important;
}

.bg-bytom{
  background: #000000 !important;
}

.bg-shadow-white{
  background: #FFFFFF;

  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
}
.bg-secondary{
  background-color: #ffffff !important;
}

.bg-emptytx{
  background-image: url('img/Pic-No transaction data@2x.png');
  background-size: 100px 100px;
  background-repeat: no-repeat;
  background-position: bottom;
  width: 100%;
  height: 150px;
}

.font-medium{
  font-weight: 500;
}

.font-bold{
  font-weight: 600;
}

.mask {
  position: absolute;
  /* height: 100%; */
  width: 100%;
  z-index: 993;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  visibility: visible;
  background-color: rgba(0, 0, 0, 0.4);
}

.menu-title {
  font-size: 18px;
  margin-bottom: 20px;
}

.menu-content {
  word-wrap: break-word;
  font-size: 16px;
}
.faster {
  animation-duration: 0.3s !important;
}

.row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  height: auto;
  zoom: 1;
  display: block;
}

.row:after,
.row:before {
  content: '';
  display: table;
}

.row:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}

.col {
  position: relative;
  float: left;
  flex: 0 0 auto;
}

.divider {
  border-top: 1px dashed #E0E0E0;
}

/*按钮样式*/
/* button, */
.btn {
  width: 100%;
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  font-family: inherit;
  text-decoration: none;
  text-align: center;
  margin: 0;
  background: #dddddd;
  padding: 12px 20px;
  height: 48px;
  line-height: 24px;
  border-radius: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  border: 0;
}

.btn:hover {
  cursor: pointer;
}
.btn:active {
  color: #212121;
  background-color: #bdbdbd;
}
.btn-small {
  width: 50%;
  height: 50%;
}

.btn-primary,
.btn-vapor
{
  color: #ffffff;
  background-color: #004EE4;;
}

.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-vapor:active,
.btn-vapor:hover,
.btn-vapor:focus {
  color: #ffffff;
  background-color: #044BAF;
  border: none;
}

.btn-bytom
{
  color: #ffffff;
  background-color: #000000;;
}

.btn-bytom:active,
.btn-bytom:hover,
.btn-bytom:focus {
  color: #ffffff;
  background-color: #1d1d1d;
  border: none;
}

.btn-outlined
{
  border: 1px solid #D6D6D6;
  background: white;
  color: #D6D6D6;
}

.btn-outlined:active,
.btn-outlined:hover,
.btn-outlined:focus {
  color: #ffffff;
  background-color: #D6D6D6;
}

.btn-warning {
  background-color: #E60000;
}

.btn-warning {
  background-color: #E60000;
}

.btn-close {
  color: #ffffff;
  font-weight: bold;
  position: absolute;
  right: 20px;
  top: 21px;
  cursor: pointer;
}
.btn-group {
  padding: 0px 20px;
  line-height: 55px;
}

.btn-round {
  width: 56px;
  height: 56px;
  border-radius: 28px;
}

.btn.disable{
  cursor: not-allowed;
  background: #D6D6D6;
}

.list {
  color: #010101;
}

.list-item:active,
.list-item:hover,
.list-item.active {
  cursor: pointer;
}
.list-item i {
  margin-right: 10px;
}

.form {
  font-size: 18px !important;
}

.form-item {
  margin: 6px 0;
}

.form-item label {
  font-size: 14px;
  line-height: 15px;
}
.form-item input {
  /*border: none;*/
  outline: none;
  /*background: transparent;*/
  display: inline-block;
  width: 100%;
}
.form-item input::-webkit-outer-spin-button,
.form-item input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

.form-item input,
select {
  font: 15px system-ui;
}

.form-item-label {
  text-align: right;
  vertical-align: middle;
  line-height: 1;
  padding: 10px 12px 10px 0;
  box-sizing: border-box;
}

.form-item-content {
  position: relative;
  margin-bottom: 17px;
}

.form-item-content input,
input.form-item-content{
  height: 52px;
  background: #FAFAFA;
  border-radius: 8px;
  border: 0px;
  padding: 0 10px;
  width: calc(100% - 20px);
}

.form-item-content input:focus,
input.form-item-content:focus
{
  height:50px;
  background: #FFFFFF;
  border: 1px solid #004EE4;
  padding: 0 9px;
  width: calc(100% - 18px);

}


.form-item-content.error input:focus,
input.form-item-content.error:focus
{
  height:50px;
  border: 1px solid #FE1919;
  padding: 0 9px;
  width: calc(100% - 18px);
  color:  #FE1919;
}

.error-text{
  color:  #FE1919;
  font-size: 12px;
}

.form-item-content input::placeholder,
input.form-item-content::placeholder
{
  color:#E0E0E0;
}

.center-text{
  text-align: center;
}

label{
  color:#7B7B7B;
}

.uppercase{
  text-transform: uppercase;
}

.divider{
  width: 32px;
  height: 1px;
  background: #EBEBEB;
}

.d-flex{
  display:flex;
}

.list-item {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 49px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 12px;
}

.list-item:hover, .list-item:focus, .list-item:active{
 border: 1px solid #004EE4;
 padding: 13px;
}

.c-icon{
  height: 36px;
  padding-right: 12px;
}

.warp-container{
    border-left: 2px solid #FAFAFA;
    width: calc( 100% - 122px);
  }

@media screen and (min-width: 993px) {
  .warp-menu {
    width: calc( 100% - 248px);
    left: 208px;
  }
}
